<template>

  <g
    :transform="'translate(' + translateX + ',' + translateY + ')rotate('+ rotate +')scale('+scale+')'" class="cursor-pointer"
  >
    <!-- 避雷器的 SVG 图形 -->
    <g>
      <line x1="130" y1="97" x2="168" y2="97" :style="{stroke:color,strokeWidth:2}" />
      <g transform="translate(-20,0)">
        <line x1="189" y1="90" x2="189" y2="104" :style="{stroke:color,strokeWidth:2}" />
        <line x1="192" y1="92" x2="192" y2="102" :style="{stroke:color,strokeWidth:2}" />
        <line x1="195" y1="94" x2="195" y2="100" :style="{stroke:color,strokeWidth:2}" />
        <line x1="165" y1="90" x2="170" y2="97" :style="{stroke:color,strokeWidth:2}"></line>
        <line x1="165" y1="104" x2="170" y2="97" :style="{stroke:color,strokeWidth:2}"></line>

        <line x1="181" y1="90" x2="176" y2="97" :style="{stroke:color,strokeWidth:2}"></line>
        <line x1="181" y1="104" x2="176" y2="97" :style="{stroke:color,strokeWidth:2}"></line>
      </g>
    </g>
  </g>
</template>

<script>
export default {
  name: "jiedi",
  props: {
    translateX: { type: Number, default: 0 },
    translateY: { type: Number, default: 0 },
    rotate: { type: Number, default: 0 },
    scale: { type: Number, default: 1 },
    name: { type: String, default: '' },
    stateDesc:{
      type: String,
      default: ""
    },
    color: { type: String, default: '#619fd2' },
    isMainPage:{
      type: Boolean,
      default: false


    },

  },
  methods: {
  },
}
</script>

<style lang="less" scoped>
.cursor-pointer {
  cursor: pointer;
}
</style>
